<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue-事件</title>
</head>
<body>
<div id="box" @click="show2()">
    <button v-on:click="show1()">按钮1 </button>
    <button @click.stop="show1()">按钮2</button>
    <!--用v-on绑定事件后面加函数名具体格式如下
    1. v-on:click='show()'
    2. @click='show()';推荐写法 v-on:用@代替
    也可以是双击事件,鼠标移入移出事件,右击事件等,注意show()函数要在new Vue中的methods中存在
    -->
</div>
</body>
</html>
<script src="vue.js"></script>
<script type="text/javascript">
new Vue({
    el:'#box',
    data:{},
    methods:{
        show1:function (ev) {
           alert('iloveu111');
        },
        show2:function () {
            alert('iloveu222');
        }
    }
})
</script>